@charset "utf-8";

body { background: linear-gradient(#6495ED, #323B55); }
header{ margin: 5px auto; width: 96%; border: 1px solid #bfbfbf; border-radius: 8px; text-align: center; background-color: #fff; line-height: 55px; font-size: 25px; }
article { float: right; width: 70%; border-radius: 8px; border: 1px solid #bfbfbf; background-color: #fff; margin-right: 2%; }
aside { float: left; width: 25%; border-radius: 8px; border: 1px solid #bfbfbf; background-color: #fff;  margin-left: 2%; margin-bottom: 5px; }
footer{ clear: both; margin: 0 auto; width: 96%; text-align: center;border-radius: 8px; border: 1px solid #bfbfbf; background-color: #fff; }
.show { display: none; position: fixed; top: 50%; right: 0; width: 20px; height: 90px; background-color: #e0e0e0  }
@media (max-width: 600px) {
.show { display: block !important; }
article { float: inherit; width: 96%; margin: 5px auto; }
aside { position: fixed; width: 50%; top: 2%; left: 2%; margin: 0;  }
}